import 'package:flutter/material.dart';

class GridViewCase extends StatelessWidget {
  const GridViewCase({super.key});

  @override
  Widget build(BuildContext context) {
    return GridView(
      // gridDelegate 网格代理
      //  - SliverGridDelegateWithFixedCrossAxisCount : 固定列数
      //  - SliverGridDelegateWithMaxCrossAxisExtent : 最大宽度
      //  固定列数
      // gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
      //   crossAxisCount: 3, // 固定列数
      //   mainAxisSpacing: 10, // 主轴间距
      //   crossAxisSpacing: 10, // 交叉轴间距
      //   childAspectRatio: 2 / 1, // 宽高比
      // ),
      // 最大宽度
      gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 200, // 最大宽度
        mainAxisSpacing: 10, // 主轴间距
        crossAxisSpacing: 10, // 交叉轴间距
        childAspectRatio: 2 / 1, // 宽高比
      ),
      children: [
        Container(color: Colors.red),
        Container(color: Colors.green),
        Container(color: Colors.blue),
        Container(color: Colors.yellow),
        Container(color: Colors.purple),
        Container(color: Colors.orange),
        Container(color: Colors.pink),
        Container(color: Colors.brown),
        Container(color: Colors.teal),
        Container(color: Colors.cyan),
        Container(color: Colors.lightBlue),
        Container(color: Colors.lightGreen),
      ],
    );
  }
}
